﻿<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>肯古</title>
    <meta name="robots" content="noindex, follow"/>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">

    <!-- CSS
	============================================ -->

    <!-- Bootstrap CSS -->
    <!-- <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css"> -->

    <!-- Icon Font CSS -->
    <!-- <link rel="stylesheet" href="assets/css/vendor/plazaicon.css">
    <link rel="stylesheet" href="assets/css/vendor/themify-icons.css">
    <link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css"> -->

    <!-- Plugins CSS -->
    <!-- <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/plugins/select2.min.css"> -->

    <!-- Helper CSS -->
    <link rel="stylesheet" href="assets/css/helper.css">

    <!-- Main Style CSS -->
    <!-- <link rel="stylesheet" href="assets/css/style.css"> -->


    <!--====== Use the minified version files listed below for better performance and remove the files listed above ======-->
    <link rel="stylesheet" href="assets/css/plugins-min/plugins.min.css">
    <link rel="stylesheet" href="assets/css/style.min.css">


</head>

<body>

<div class="main-wrapper">

    <!--Top Notification Start-->
    <div class="top-notification-bar text-center">
        <div class="container">
            <div class="notification-entry">
                <p>所有特色产品 50% 折扣 <a href="#">现在去购物</a></p>
            </div>
        </div>
        <div class="notification-close">
            <button class="notification-close-btn"><i class="fa fa-times"></i></button>
        </div>
    </div>
    <!--Top Notification End-->

    <!--Header Section Start-->
    <div class="header-section d-none d-lg-block">
        <div class="main-header">
            <div class="container position-relative">
                <div class="row align-items-center">
                    <div class="col-lg-2">
                        <div class="header-logo">
                            <a href="index.html"><img src="assets/images/logo/logo.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-lg-7 position-static">
                        <div class="site-main-nav">
                            <nav class="site-nav">
                                <ul>
                                    <li><a href="index.html">首页</a></li>
                                    <li>
                                        <a href="#">Shop <span class="new">New</span></a>

                                        <ul class="mega-sub-menu">
                                            <li class="mega-dropdown">
                                                <a class="mega-title" href="#">Shop</a>

                                                <ul class="mega-item">
                                                    <li><a href="shop-grid-3.html">Shop Grid 3</a></li>
                                                    <li><a href="shop-grid-4.html">Shop Grid 4</a></li>
                                                    <li><a href="shop-list.html">Shop List</a></li>
                                                    <li><a href="shop-grid-left-sidebar.html">Shop Grid Left Sidebar</a>
                                                    </li>
                                                    <li><a href="shop-grid-right-sidebar.html">Shop Grid Right
                                                        Sidebar</a></li>
                                                    <li><a href="shop-list-left-sidebar.html">Shop List Left Sidebar</a>
                                                    </li>
                                                    <li><a href="shop-list-right-sidebar.html">Shop List Right
                                                        Sidebar</a></li>
                                                </ul>
                                            </li>
                                            <li class="mega-dropdown">
                                                <a class="mega-title" href="#">Shop Single</a>

                                                <ul class="mega-item">
                                                    <li><a href="shop-single.html">Shop Single</a></li>
                                                    <li><a href="shop-single-affiliate.html">Shop Single Affiliate</a>
                                                    </li>
                                                    <li><a href="shop-single-variable.html">Shop Single Variable</a>
                                                    </li>
                                                    <li><a href="shop-single-group.html">Shop Single Group</a></li>
                                                </ul>
                                            </li>
                                            <li class="mega-dropdown">
                                                <a class="mega-title" href="#">Page</a>

                                                <ul class="mega-item">
                                                    <li><a href="cart.html">Cart</a></li>
                                                    <li><a href="wishlist.html">Wishlist</a></li>
                                                    <li><a href="compare.html">Compare</a></li>
                                                    <li><a href="checkout.html">Checkout</a></li>
                                                    <li><a href="empty-cart.html">Empty Cart</a></li>
                                                    <li><a href="my-account.html">My Account</a></li>
                                                </ul>
                                            </li>
                                            <li class="mega-dropdown">
                                                <a class="menu-banner" href="#">
                                                    <img src="assets/images/menu-banner.jpg" alt="">
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">Blog</a>

                                        <ul class="sub-menu">
                                            <li>
                                                <a href="#">Blog</a>
                                                <ul class="sub-menu">
                                                    <li><a href="blog.html">Blog</a></li>
                                                    <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
                                                    <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
                                                </ul>
                                            </li>
                                            <li>
                                                <a href="#">Blog Single</a>
                                                <ul class="sub-menu">
                                                    <li><a href="blog-single-left-sidebar.html">Blog Single Left
                                                        Sidebar</a></li>
                                                    <li><a href="blog-single-right-sidebar.html">Blog Single Right
                                                        Sidebar</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">Pages <span class="sale">Sale</span></a>
                                        <ul class="sub-menu">
                                            <li><a href="about.html">About</a></li>
                                            <li><a href="cart.html">Cart</a></li>
                                            <li><a href="wishlist.html">Wishlist</a></li>
                                            <li><a href="compare.html">Compare</a></li>
                                            <li><a href="checkout.html">Checkout</a></li>
                                            <li><a href="empty-cart.html">Empty Cart</a></li>
                                            <li><a href="my-account.html">My Account</a></li>
                                            <li><a href="login.html">Login</a></li>
                                            <li><a href="register.html">Register</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">Contact</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="header-meta-info">
                            <div class="header-search">
                                <form action="#">
                                    <input type="text" placeholder="Search our store ">
                                    <button><i class="icon-search"></i></button>
                                </form>
                            </div>
                            <div class="header-account">
                                <div class="header-account-list dropdown top-link">
                                    <a href="#" role="button" data-toggle="dropdown"><i class="icon-users"></i></a>

                                    <ul class="dropdown-menu ">
                                        <li><a href="#">Delivery</a></li>
                                        <li><a href="#">Legal Notice</a></li>
                                        <li><a href="#">Secure payment</a></li>
                                        <li><a href="#">Sitemap</a></li>
                                        <li><a href="#">About us</a></li>
                                    </ul>
                                </div>
                                <div class="header-account-list dropdown mini-cart">
                                    <a href="#" role="button" data-toggle="dropdown">
                                        <i class="icon-shopping-bag"></i>
                                        <span class="item-count ">3</span>
                                    </a>

                                    <ul class="dropdown-menu ">
                                        <li class="product-cart">
                                            <div class="single-cart-box">
                                                <div class="cart-img">
                                                    <a href="shop-single.html"><img src="assets/images/cart/cart-1.jpg"
                                                                                    alt=""></a>
                                                    <span class="pro-quantity">1x</span>
                                                </div>
                                                <div class="cart-content">
                                                    <h6 class="title"><a href="shop-single.html">Rock Soapwort</a></h6>
                                                    <div class="cart-price">
                                                        <span class="sale-price">$70.00</span>
                                                        <span class="regular-price">$80.00</span>
                                                    </div>
                                                </div>
                                                <a href="javascript:void(0);" class="del-icon"><i
                                                        class="fa fa-trash"></i></a>
                                            </div>
                                            <div class="single-cart-box">
                                                <div class="cart-img">
                                                    <a href="shop-single.html"><img src="assets/images/cart/cart-2.jpg"
                                                                                    alt=""></a>
                                                    <span class="pro-quantity">1x</span>
                                                </div>
                                                <div class="cart-content">
                                                    <h6 class="title"><a href="shop-single.html">Rock Soapwort</a></h6>
                                                    <div class="cart-price">
                                                        <span class="sale-price">$70.00</span>
                                                        <span class="regular-price">$80.00</span>
                                                    </div>
                                                </div>
                                                <a href="javascript:void(0);" class="del-icon"><i
                                                        class="fa fa-trash"></i></a>
                                            </div>
                                            <div class="single-cart-box">
                                                <div class="cart-img">
                                                    <a href="shop-single.html"><img src="assets/images/cart/cart-3.jpg"
                                                                                    alt=""></a>
                                                    <span class="pro-quantity">1x</span>
                                                </div>
                                                <div class="cart-content">
                                                    <h6 class="title"><a href="shop-single.html">Rock Soapwort</a></h6>
                                                    <div class="cart-price">
                                                        <span class="sale-price">$70.00</span>
                                                        <span class="regular-price">$80.00</span>
                                                    </div>
                                                </div>
                                                <a href="javascript:void(0);" class="del-icon"><i
                                                        class="fa fa-trash"></i></a>
                                            </div>
                                        </li>
                                        <li class="product-total">
                                            <ul class="cart-total">
                                                <li> Total : <span>$189.00</span></li>
                                            </ul>
                                        </li>
                                        <li class="product-btn">
                                            <a href="checkout.html" class="btn btn-dark btn-block">Checkout</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Header Section End-->


    <!--Header Mobile Start-->
    <div class="header-mobile d-lg-none">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-6">
                    <div class="header-logo">
                        <a href="index.html"><img src="assets/images/logo/logo.png" alt=""></a>
                    </div>
                </div>
                <div class="col-6">
                    <div class="header-meta-info">
                        <div class="header-account">
                            <div class="header-account-list dropdown top-link">
                                <a href="#" role="button" data-toggle="dropdown"><i class="icon-users"></i></a>

                                <ul class="dropdown-menu ">
                                    <li><a href="#">Delivery</a></li>
                                    <li><a href="#">Legal Notice</a></li>
                                    <li><a href="#">Secure payment</a></li>
                                    <li><a href="#">Sitemap</a></li>
                                    <li><a href="#">About us</a></li>
                                </ul>
                            </div>
                            <div class="header-account-list mini-cart">
                                <a href="#">
                                    <i class="icon-shopping-bag"></i>
                                    <span class="item-count ">0</span>
                                </a>
                            </div>
                            <div class="header-account-list mobile-menu-trigger">
                                <button id="menu-trigger">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Header Mobile End-->

    <!--Header Mobile Menu Start-->
    <div class="header-mobile-menu d-lg-none">

        <a href="javascript:void(0)" class="mobile-menu-close">
            <span></span>
            <span></span>
        </a>

        <div class="header-meta-info">
            <div class="header-search">
                <form action="#">
                    <input type="text" placeholder="Search our store ">
                    <button><i class="icon-search"></i></button>
                </form>
            </div>
        </div>

        <div class="site-main-nav">
            <nav class="site-nav">
                <ul class="navbar-mobile-wrapper">
                    <li><a href="index.html">Home</a></li>
                    <li>
                        <a href="#">Shop <span class="new">New</span></a>

                        <ul class="mega-sub-menu">
                            <li class="mega-dropdown">
                                <a class="mega-title" href="#">Shop</a>

                                <ul class="mega-item">
                                    <li><a href="shop-grid-3.html">Shop Grid 3</a></li>
                                    <li><a href="shop-grid-4.html">Shop Grid 4</a></li>
                                    <li><a href="shop-list.html">Shop List</a></li>
                                    <li><a href="shop-grid-left-sidebar.html">Shop Grid Left Sidebar</a></li>
                                    <li><a href="shop-grid-right-sidebar.html">Shop Grid Right Sidebar</a></li>
                                    <li><a href="shop-list-left-sidebar.html">Shop List Left Sidebar</a></li>
                                    <li><a href="shop-list-right-sidebar.html">Shop List Right Sidebar</a></li>
                                </ul>
                            </li>
                            <li class="mega-dropdown">
                                <a class="mega-title" href="#">Shop Single</a>

                                <ul class="mega-item">
                                    <li><a href="shop-single.html">Shop Single</a></li>
                                    <li><a href="shop-single-affiliate.html">Shop Single Affiliate</a></li>
                                    <li><a href="shop-single-variable.html">Shop Single Variable</a></li>
                                    <li><a href="shop-single-group.html">Shop Single Group</a></li>
                                </ul>
                            </li>
                            <li class="mega-dropdown">
                                <a class="mega-title" href="#">Page</a>

                                <ul class="mega-item">
                                    <li><a href="cart.html">Cart</a></li>
                                    <li><a href="wishlist.html">Wishlist</a></li>
                                    <li><a href="compare.html">Compare</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                    <li><a href="empty-cart.html">Empty Cart</a></li>
                                    <li><a href="my-account.html">My Account</a></li>
                                </ul>
                            </li>
                            <li class="mega-dropdown">
                                <a class="menu-banner" href="#">
                                    <img src="assets/images/menu-banner.jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Blog</a>

                        <ul class="sub-menu">
                            <li>
                                <a href="#">Blog</a>
                                <ul class="sub-menu">
                                    <li><a href="blog.html">Blog</a></li>
                                    <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
                                    <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#">Blog Single</a>
                                <ul class="sub-menu">
                                    <li><a href="blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
                                    <li><a href="blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Pages <span class="sale">Sale</span></a>
                        <ul class="sub-menu">
                            <li><a href="about.html">About</a></li>
                            <li><a href="cart.html">Cart</a></li>
                            <li><a href="wishlist.html">Wishlist</a></li>
                            <li><a href="compare.html">Compare</a></li>
                            <li><a href="checkout.html">Checkout</a></li>
                            <li><a href="empty-cart.html">Empty Cart</a></li>
                            <li><a href="my-account.html">My Account</a></li>
                            <li><a href="login.html">Login</a></li>
                            <li><a href="register.html">Register</a></li>
                        </ul>
                    </li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </nav>
        </div>

        <div class="header-social">
            <ul class="social">
                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
            </ul>
        </div>

    </div>
    <!--Header Mobile Menu End-->

    <div class="overlay"></div>
    <!--Overlay-->


    <!--Slider Start-->
    <div class="slider-area">
        <div class="swiper-container slider-active">
            <div class="swiper-wrapper">
                <!--Single Slider Start-->
                <div class="single-slider swiper-slide animation-style-01"
                     style="background-image: url(assets/images/slider/slider-1.jpg);">
                    <div class="container">
                        <div class="slider-content">
                            <h5 class="sub-title">20% Off For <br> New Members</h5>
                            <h2 class="main-title">Your Special Day!</h2>
                            <p>We are here for your Special Day</p>

                            <ul class="slider-btn">
                                <li><a href="shop-single.html" class="btn btn-round btn-primary">Start Shopping</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--Single Slider End-->

                <!--Single Slider Start-->
                <div class="single-slider swiper-slide animation-style-01"
                     style="background-image: url(assets/images/slider/slider-2.jpg);">
                    <div class="container">
                        <div class="slider-content">
                            <h5 class="sub-title">20% Off For <br> New Members</h5>
                            <h2 class="main-title">Happy Mother’s Day!</h2>
                            <p>Bouquets your mom will love!</p>

                            <ul class="slider-btn">
                                <li><a href="shop-single.html" class="btn btn-round btn-primary">Start Shopping</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--Single Slider End-->
            </div>
            <!--Swiper Wrapper End-->

            <!-- Add Arrows -->
            <div class="swiper-next"><i class="fa fa-angle-right"></i></div>
            <div class="swiper-prev"><i class="fa fa-angle-left"></i></div>

            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>

        </div>
        <!--Swiper Container End-->
    </div>
    <!--Slider End-->


    <!--Shipping Start-->
    <div class="shipping-area section-padding-3">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-sm-6">
                    <div class="single-shipping">
                        <div class="shipping-icon">
                            <img src="assets/images/shipping-icon/Free-Delivery.png" alt="">
                        </div>
                        <div class="shipping-content">
                            <h5 class="title">免费送货</h5>
                            <p>所有订单超过￥120，全球免费送货</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="single-shipping">
                        <div class="shipping-icon">
                            <img src="assets/images/shipping-icon/Online-Order.png" alt="">
                        </div>
                        <div class="shipping-content">
                            <h5 class="title">网上订单</h5>
                            <p>不用担心，您可以通过我们的网站在线订购</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="single-shipping">
                        <div class="shipping-icon">
                            <img src="assets/images/shipping-icon/Freshness.png" alt="">
                        </div>
                        <div class="shipping-content">
                            <h5 class="title">新鲜</h5>
                            <p>你的每一个订单都有新鲜的鲜花</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="single-shipping">
                        <div class="shipping-icon">
                            <img src="assets/images/shipping-icon/Made-By-Artists.png" alt="">
                        </div>
                        <div class="shipping-content">
                            <h5 class="title">由艺术家制作</h5>
                            <p>艺术家创作的世界 订单现已结束</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Shipping End-->


    <!--New Product Start-->
    <div class="new-product-area section-padding-2">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-9 col-sm-11">
                    <div class="section-title text-center">
                        <h2 class="title">新产品</h2>
                        <p>创造力、活力、沟通、幸福和爱的完美融合。让我们为您安排一个微笑。</p>
                    </div>
                </div>
            </div>

            <div class="product-wrapper">
                <div class="swiper-container product-active">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="single-product">
                                <div class="product-image">
                                    <a href="shop-single.html">
                                        <img src="assets/images/product/product-1.jpg" alt="">
                                    </a>
                                    <span class="sticker-new soldout-title">Soldout</span>

                                    <div class="action-links">
                                        <ul>
                                            <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to cart"><i class="icon-shopping-bag"></i></a></li>
                                            <li><a href="compare.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Compare"><i class="icon-sliders"></i></a></li>
                                            <li><a href="wishlist.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to Wishlist"><i class="icon-heart"></i></a></li>
                                            <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                   data-placement="left" title="Quick View" data-toggle="modal"
                                                   data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content text-center">
                                    <ul class="rating">
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                    </ul>
                                    <h4 class="product-name"><a href="shop-single.html">Spring Snowflake</a></h4>
                                    <div class="price-box">
                                        <span class="current-price">$19.00</span>
                                        <span class="old-price">$29.00</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="single-product">
                                <div class="product-image">
                                    <a href="shop-single.html">
                                        <img src="assets/images/product/product-2.jpg" alt="">
                                    </a>
                                    <div class="action-links">
                                        <ul>
                                            <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to cart"><i class="icon-shopping-bag"></i></a></li>
                                            <li><a href="compare.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Compare"><i class="icon-sliders"></i></a></li>
                                            <li><a href="wishlist.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to Wishlist"><i class="icon-heart"></i></a></li>
                                            <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                   data-placement="left" title="Quick View" data-toggle="modal"
                                                   data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content text-center">
                                    <ul class="rating">
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                    </ul>
                                    <h4 class="product-name"><a href="shop-single.html">Rock Soapwort</a></h4>
                                    <div class="price-box">
                                        <span class="current-price">$50.00</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="single-product">
                                <div class="product-image">
                                    <a href="shop-single.html">
                                        <img src="assets/images/product/product-3.jpg" alt="">
                                    </a>

                                    <span class="sticker-new label-sale">-35%</span>

                                    <div class="action-links">
                                        <ul>
                                            <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to cart"><i class="icon-shopping-bag"></i></a></li>
                                            <li><a href="compare.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Compare"><i class="icon-sliders"></i></a></li>
                                            <li><a href="wishlist.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to Wishlist"><i class="icon-heart"></i></a></li>
                                            <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                   data-placement="left" title="Quick View" data-toggle="modal"
                                                   data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                        </ul>
                                    </div>

                                    <div class="product-countdown">
                                        <div data-countdown="2020/12/31"></div>
                                    </div>

                                </div>
                                <div class="product-content text-center">
                                    <ul class="rating">
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                    </ul>
                                    <h4 class="product-name"><a href="shop-single.html">Scarlet Sage</a></h4>
                                    <div class="price-box">
                                        <span class="current-price">$39.00</span>
                                        <span class="old-price">$60.00</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="single-product">
                                <div class="product-image">
                                    <a href="shop-single.html">
                                        <img src="assets/images/product/product-4.jpg" alt="">
                                    </a>

                                    <div class="action-links">
                                        <ul>
                                            <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to cart"><i class="icon-shopping-bag"></i></a></li>
                                            <li><a href="compare.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Compare"><i class="icon-sliders"></i></a></li>
                                            <li><a href="wishlist.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to Wishlist"><i class="icon-heart"></i></a></li>
                                            <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                   data-placement="left" title="Quick View" data-toggle="modal"
                                                   data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content text-center">
                                    <ul class="rating">
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                    </ul>
                                    <h4 class="product-name"><a href="shop-single.html">Foxglove Flower</a></h4>
                                    <div class="price-box">
                                        <span class="current-price">$79.00</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="single-product">
                                <div class="product-image">
                                    <a href="shop-single.html">
                                        <img src="assets/images/product/product-5.jpg" alt="">
                                    </a>

                                    <span class="sticker-new label-sale">-18%</span>

                                    <div class="action-links">
                                        <ul>
                                            <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to cart"><i class="icon-shopping-bag"></i></a></li>
                                            <li><a href="compare.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Compare"><i class="icon-sliders"></i></a></li>
                                            <li><a href="wishlist.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to Wishlist"><i class="icon-heart"></i></a></li>
                                            <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                   data-placement="left" title="Quick View" data-toggle="modal"
                                                   data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content text-center">
                                    <ul class="rating">
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                    </ul>
                                    <h4 class="product-name"><a href="shop-single.html">Summer Savory</a></h4>
                                    <div class="price-box">
                                        <span class="current-price">$40.00</span>
                                        <span class="old-price">$85.00</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="single-product">
                                <div class="product-image">
                                    <a href="shop-single.html">
                                        <img src="assets/images/product/product-6.jpg" alt="">
                                    </a>

                                    <span class="sticker-new label-sale">-10%</span>

                                    <div class="action-links">
                                        <ul>
                                            <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to cart"><i class="icon-shopping-bag"></i></a></li>
                                            <li><a href="compare.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Compare"><i class="icon-sliders"></i></a></li>
                                            <li><a href="wishlist.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to Wishlist"><i class="icon-heart"></i></a></li>
                                            <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                   data-placement="left" title="Quick View" data-toggle="modal"
                                                   data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content text-center">
                                    <ul class="rating">
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                    </ul>
                                    <h4 class="product-name"><a href="shop-single.html">Wild Roses</a></h4>
                                    <div class="price-box">
                                        <span class="current-price">$19.00</span>
                                        <span class="old-price">$21.00</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="single-product">
                                <div class="product-image">
                                    <a href="shop-single.html">
                                        <img src="assets/images/product/product-7.jpg" alt="">
                                    </a>

                                    <div class="action-links">
                                        <ul>
                                            <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to cart"><i class="icon-shopping-bag"></i></a></li>
                                            <li><a href="compare.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Compare"><i class="icon-sliders"></i></a></li>
                                            <li><a href="wishlist.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to Wishlist"><i class="icon-heart"></i></a></li>
                                            <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                   data-placement="left" title="Quick View" data-toggle="modal"
                                                   data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content text-center">
                                    <ul class="rating">
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                    </ul>
                                    <h4 class="product-name"><a href="shop-single.html">Sweet Alyssum</a></h4>
                                    <div class="price-box">
                                        <span class="current-price">$50.00</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="single-product">
                                <div class="product-image">
                                    <a href="shop-single.html">
                                        <img src="assets/images/product/product-8.jpg" alt="">
                                    </a>

                                    <span class="sticker-new label-sale">-34%</span>

                                    <div class="action-links">
                                        <ul>
                                            <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to cart"><i class="icon-shopping-bag"></i></a></li>
                                            <li><a href="compare.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Compare"><i class="icon-sliders"></i></a></li>
                                            <li><a href="wishlist.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to Wishlist"><i class="icon-heart"></i></a></li>
                                            <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                   data-placement="left" title="Quick View" data-toggle="modal"
                                                   data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content text-center">
                                    <ul class="rating">
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                    </ul>
                                    <h4 class="product-name"><a href="shop-single.html">Lity Majesty Palm</a></h4>
                                    <div class="price-box">
                                        <span class="current-price">$19.00</span>
                                        <span class="old-price">$29.00</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="single-product">
                                <div class="product-image">
                                    <a href="shop-single.html">
                                        <img src="assets/images/product/product-9.jpg" alt="">
                                    </a>

                                    <span class="sticker-new soldout-title">Soldout</span>

                                    <div class="action-links">
                                        <ul>
                                            <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to cart"><i class="icon-shopping-bag"></i></a></li>
                                            <li><a href="compare.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Compare"><i class="icon-sliders"></i></a></li>
                                            <li><a href="wishlist.html" data-tooltip="tooltip" data-placement="left"
                                                   title="Add to Wishlist"><i class="icon-heart"></i></a></li>
                                            <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                   data-placement="left" title="Quick View" data-toggle="modal"
                                                   data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content text-center">
                                    <ul class="rating">
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                    </ul>
                                    <h4 class="product-name"><a href="shop-single.html">Majesty Palm</a></h4>
                                    <div class="price-box">
                                        <span class="current-price">$19.00</span>
                                        <span class="old-price">$29.00</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Add Arrows -->
                    <div class="swiper-next"><i class="fa fa-angle-right"></i></div>
                    <div class="swiper-prev"><i class="fa fa-angle-left"></i></div>
                </div>
            </div>
        </div>
    </div>
    <!--New Product End-->


    <!--About Start-->
    <div class="about-area section-padding-4">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="about-image">
                        <img src="assets/images/about/about.jpg" alt="">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-content">
                        <h2 class="title">Suprise Your Valentine! Let us arrange a smile For Her.</h2>
                        <p>Where flowers are our inspiration to create lasting memories. Whatever the occasion
                            inspiration to create lasting memories.... </p>
                        <ul>
                            <li> Hand picked just for you.</li>
                            <li> Hand picked just for you.</li>
                            <li> Hand picked just for.</li>
                        </ul>
                        <div class="about-btn">
                            <a href="#" class="btn btn-primary btn-round">More Details</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--About End-->


    <!--New Product Start-->
    <div class="features-product-area section-padding-5">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-9 col-sm-11">
                    <div class="section-title text-center">
                        <h2 class="title">Featured Items</h2>
                        <p>A perfect blend of creativity, energy, communication, happiness and love. Let us arrange a
                            smile for you.</p>
                    </div>
                </div>
            </div>
            <div class="product-wrapper">
                <div class="product-tab-menu">
                    <ul class="nav justify-content-center" role="tablist">
                        <li>
                            <a class="active" data-toggle="tab" href="#tab1" role="tab">New</a>
                        </li>
                        <li>
                            <a data-toggle="tab" href="#tab2" role="tab">Featured</a>
                        </li>
                        <li>
                            <a data-toggle="tab" href="#tab3" role="tab">Best Sellers</a>
                        </li>
                    </ul>
                </div>

                <div class="tab-content product-items-tab">
                    <div class="tab-pane fade show active" id="tab1" role="tabpanel">
                        <div class="swiper-container product-active">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-8.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-34%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Lity Majesty Palm</a>
                                            </h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-7.jpg" alt="">
                                            </a>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Sweet Alyssum</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$50.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-6.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-10%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Wild Roses</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$21.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-5.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-18%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Summer Savory</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$40.00</span>
                                                <span class="old-price">$85.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-1.jpg" alt="">
                                            </a>

                                            <span class="sticker-new soldout-title">Soldout</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Spring Snowflake</a>
                                            </h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-2.jpg" alt="">
                                            </a>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Rock Soapwort</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$50.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-2.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-27%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Rock Soapwort</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$55.00</span>
                                                <span class="old-price">$75.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-9.jpg" alt="">
                                            </a>

                                            <span class="sticker-new soldout-title">Soldout</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Majesty Palm</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-5.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-18%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Summer Savory</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$40.00</span>
                                                <span class="old-price">$85.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-4.jpg" alt="">
                                            </a>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Foxglove Flower</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$79.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-6.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-10%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Wild Roses</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$21.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-3.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-35%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>

                                            <div class="product-countdown">
                                                <div data-countdown="2020/12/31"></div>
                                            </div>

                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Scarlet Sage</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$39.00</span>
                                                <span class="old-price">$60.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-7.jpg" alt="">
                                            </a>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Sweet Alyssum</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$50.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-9.jpg" alt="">
                                            </a>

                                            <span class="sticker-new soldout-title">Soldout</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Majesty Palm</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-8.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-34%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Lity Majesty Palm</a>
                                            </h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-1.jpg" alt="">
                                            </a>

                                            <span class="sticker-new soldout-title">Soldout</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Spring Snowflake</a>
                                            </h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-9.jpg" alt="">
                                            </a>

                                            <span class="sticker-new soldout-title">Soldout</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Majesty Palm</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-8.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-34%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Lity Majesty Palm</a>
                                            </h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Add Arrows -->
                            <div class="swiper-next"><i class="fa fa-angle-right"></i></div>
                            <div class="swiper-prev"><i class="fa fa-angle-left"></i></div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="tab2" role="tabpanel">
                        <div class="swiper-container product-active">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-2.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-27%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Rock Soapwort</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$55.00</span>
                                                <span class="old-price">$75.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-9.jpg" alt="">
                                            </a>

                                            <span class="sticker-new soldout-title">Soldout</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Majesty Palm</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-6.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-10%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Wild Roses</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$21.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-5.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-18%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Summer Savory</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$40.00</span>
                                                <span class="old-price">$85.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-8.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-34%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Lity Majesty Palm</a>
                                            </h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-7.jpg" alt="">
                                            </a>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Sweet Alyssum</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$50.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-1.jpg" alt="">
                                            </a>

                                            <span class="sticker-new soldout-title">Soldout</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Spring Snowflake</a>
                                            </h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-2.jpg" alt="">
                                            </a>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Rock Soapwort</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$50.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-7.jpg" alt="">
                                            </a>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Sweet Alyssum</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$50.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-9.jpg" alt="">
                                            </a>

                                            <span class="sticker-new soldout-title">Soldout</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Majesty Palm</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-6.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-10%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Wild Roses</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$21.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-3.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-35%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>

                                            <div class="product-countdown">
                                                <div data-countdown="2020/12/31"></div>
                                            </div>

                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Scarlet Sage</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$39.00</span>
                                                <span class="old-price">$60.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-5.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-18%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Summer Savory</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$40.00</span>
                                                <span class="old-price">$85.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-4.jpg" alt="">
                                            </a>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Foxglove Flower</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$79.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-9.jpg" alt="">
                                            </a>

                                            <span class="sticker-new soldout-title">Soldout</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Majesty Palm</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-8.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-34%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Lity Majesty Palm</a>
                                            </h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-9.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-34%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Lity Majesty Palm</a>
                                            </h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-1.jpg" alt="">
                                            </a>

                                            <span class="sticker-new soldout-title">Soldout</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Spring Snowflake</a>
                                            </h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Add Arrows -->
                            <div class="swiper-next"><i class="fa fa-angle-right"></i></div>
                            <div class="swiper-prev"><i class="fa fa-angle-left"></i></div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="tab3" role="tabpanel">
                        <div class="swiper-container product-active">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-8.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-34%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Lity Majesty Palm</a>
                                            </h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-7.jpg" alt="">
                                            </a>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Sweet Alyssum</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$50.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-2.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-27%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Rock Soapwort</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$55.00</span>
                                                <span class="old-price">$75.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-9.jpg" alt="">
                                            </a>

                                            <span class="sticker-new soldout-title">Soldout</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Majesty Palm</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-1.jpg" alt="">
                                            </a>

                                            <span class="sticker-new soldout-title">Soldout</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Spring Snowflake</a>
                                            </h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-2.jpg" alt="">
                                            </a>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Rock Soapwort</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$50.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-5.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-18%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Summer Savory</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$40.00</span>
                                                <span class="old-price">$85.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-4.jpg" alt="">
                                            </a>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Foxglove Flower</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$79.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-6.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-10%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Wild Roses</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$21.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-5.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-18%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Summer Savory</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$40.00</span>
                                                <span class="old-price">$85.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-9.jpg" alt="">
                                            </a>

                                            <span class="sticker-new soldout-title">Soldout</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Majesty Palm</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-8.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-34%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Lity Majesty Palm</a>
                                            </h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-7.jpg" alt="">
                                            </a>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Sweet Alyssum</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$50.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-9.jpg" alt="">
                                            </a>

                                            <span class="sticker-new soldout-title">Soldout</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Majesty Palm</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-8.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-34%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Lity Majesty Palm</a>
                                            </h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-1.jpg" alt="">
                                            </a>

                                            <span class="sticker-new soldout-title">Soldout</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Spring Snowflake</a>
                                            </h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$29.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-6.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-10%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Wild Roses</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$19.00</span>
                                                <span class="old-price">$21.00</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="shop-single.html">
                                                <img src="assets/images/product/product-3.jpg" alt="">
                                            </a>

                                            <span class="sticker-new label-sale">-35%</span>

                                            <div class="action-links">
                                                <ul>
                                                    <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                           title="Add to cart"><i class="icon-shopping-bag"></i></a>
                                                    </li>
                                                    <li><a href="compare.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Compare"><i
                                                            class="icon-sliders"></i></a></li>
                                                    <li><a href="wishlist.html" data-tooltip="tooltip"
                                                           data-placement="left" title="Add to Wishlist"><i
                                                            class="icon-heart"></i></a></li>
                                                    <li><a href="javascript:void(0);" data-tooltip="tooltip"
                                                           data-placement="left" title="Quick View" data-toggle="modal"
                                                           data-target="#exampleModal"><i class="icon-eye"></i></a></li>
                                                </ul>
                                            </div>

                                            <div class="product-countdown">
                                                <div data-countdown="2020/12/31"></div>
                                            </div>

                                        </div>
                                        <div class="product-content text-center">
                                            <ul class="rating">
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            </ul>
                                            <h4 class="product-name"><a href="shop-single.html">Scarlet Sage</a></h4>
                                            <div class="price-box">
                                                <span class="current-price">$39.00</span>
                                                <span class="old-price">$60.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Add Arrows -->
                            <div class="swiper-next"><i class="fa fa-angle-right"></i></div>
                            <div class="swiper-prev"><i class="fa fa-angle-left"></i></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--New Product End-->


    <!--Testimonial Start-->
    <div class="testimonial-area" style="background-image: url(assets/images/testimonial-bg.jpg);">
        <div class="container">
            <div class="swiper-container testimonial-active">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="single-testimonial text-center">
                            <p>Felis eu pede mollis pretium. Nullam dictum felis eu pede mollis pretium. Integer
                                tincidunt. Cras dapibus lingua. felis eu pede mollis pretium.</p>

                            <div class="testimonial-author">
                                <img src="assets/images/testimonial-img-1.png" alt="">
                                <span class="author-name">Torvi / COO</span>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="single-testimonial text-center">
                            <p>Felis eu pede mollis pretium. Nullam dictum felis eu pede mollis pretium. Integer
                                tincidunt. Cras dapibus lingua. felis eu pede mollis pretium.</p>

                            <div class="testimonial-author">
                                <img src="assets/images/testimonial-img-2.png" alt="">
                                <span class="author-name">Shara / Founder</span>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Add Arrows -->
                <div class="swiper-next"><i class="fa fa-angle-right"></i></div>
                <div class="swiper-prev"><i class="fa fa-angle-left"></i></div>
            </div>
        </div>
    </div>
    <!--Testimonial End-->


    <!--Experts Start-->
    <div class="experts-area section-padding-5">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-9 col-sm-11">
                    <div class="section-title text-center">
                        <h2 class="title">Flower Experts</h2>
                        <p>A perfect blend of creativity, energy, communication, happiness and love. Let us arrange a
                            smile for you.</p>
                    </div>
                </div>
            </div>
            <div class="expert-wrapper">
                <div class="row">
                    <div class="col-lg-3 col-sm-6">
                        <div class="single-expert text-center">
                            <div class="expert-image">
                                <img src="assets/images/experts/team-1.jpg" alt="">
                            </div>
                            <div class="expert-content">
                                <h4 class="name">Marcos Alonso</h4>
                                <p>Biologist</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="single-expert text-center">
                            <div class="expert-image">
                                <img src="assets/images/experts/team-2.jpg" alt="">
                            </div>
                            <div class="expert-content">
                                <h4 class="name">Shara friken</h4>
                                <p>Photographer</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="single-expert text-center">
                            <div class="expert-image">
                                <img src="assets/images/experts/team-3.jpg" alt="">
                            </div>
                            <div class="expert-content">
                                <h4 class="name">Torvi greac</h4>
                                <p>Founder</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="single-expert text-center">
                            <div class="expert-image">
                                <img src="assets/images/experts/team-4.jpg" alt="">
                            </div>
                            <div class="expert-content">
                                <h4 class="name">Alonso Gomej</h4>
                                <p>Florist</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Experts End-->


    <!--Blog Start-->
    <div class="blog-area blog-bg section-padding-5">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-9 col-sm-11">
                    <div class="section-title text-center">
                        <h2 class="title">From our Blog</h2>
                        <p>A perfect blend of creativity, energy, communication, happiness and love. Let us arrange a
                            smile for you.</p>
                    </div>
                </div>
            </div>
            <div class="blog-wrapper">
                <div class="swiper-container blog-active">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="single-blog">
                                <div class="blog-image">
                                    <a href="blog-single-right-sidebar.html"><img src="assets/images/blog/blog-01.jpg"
                                                                                  alt=""></a>
                                </div>
                                <div class="blog-content">
                                    <h4 class="title"><a href="blog-single-right-sidebar.html">Flower Beauty</a></h4>
                                    <div class="articles-date">
                                        <p>By <span>  Shopify Team HasTheme /  August 12, 2020</span></p>
                                    </div>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                                        incidid...</p>

                                    <div class="blog-footer">
                                        <a class="more" href="blog-single-right-sidebar.html">Continue Reading</a>
                                        <p class="comment-count"><i class="icon-message-circle"></i> 0</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="single-blog">
                                <div class="blog-image">
                                    <a href="blog-single-right-sidebar.html"><img src="assets/images/blog/blog-02.jpg"
                                                                                  alt=""></a>
                                </div>
                                <div class="blog-content">
                                    <h4 class="title"><a href="blog-single-right-sidebar.html">Local Florists</a></h4>
                                    <div class="articles-date">
                                        <p>By <span>  Shopify Team HasTheme /  August 12, 2020</span></p>
                                    </div>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                                        incidid...</p>

                                    <div class="blog-footer">
                                        <a class="more" href="blog-single-right-sidebar.html">Continue Reading</a>
                                        <p class="comment-count"><i class="icon-message-circle"></i> 0</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="single-blog">
                                <div class="blog-image">
                                    <a href="blog-single-right-sidebar.html"><img src="assets/images/blog/blog-03.jpg"
                                                                                  alt=""></a>
                                </div>
                                <div class="blog-content">
                                    <h4 class="title"><a href="blog-single-right-sidebar.html">Flower Power</a></h4>
                                    <div class="articles-date">
                                        <p>By <span>  Shopify Team HasTheme /  August 12, 2020</span></p>
                                    </div>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                                        incidid...</p>

                                    <div class="blog-footer">
                                        <a class="more" href="blog-single-right-sidebar.html">Continue Reading</a>
                                        <p class="comment-count"><i class="icon-message-circle"></i> 0</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Add Arrows -->
                    <div class="swiper-next"><i class="fa fa-angle-right"></i></div>
                    <div class="swiper-prev"><i class="fa fa-angle-left"></i></div>
                </div>
            </div>
        </div>
    </div>
    <!--Blog End-->


    <!--Newsletter Start-->
    <div class="newsletter-area section-padding-5">
        <div class="container">
            <div class="newsletter-form">
                <div class="section-title text-center">
                    <h2 class="title">加入色彩缤纷的队伍吧！</h2>
                </div>
                <div class="form-wrapper">
                    <input type="text" placeholder="你的电子邮箱地址">
                    <button>订阅</button>
                    <i class="icon-mail"></i>
                </div>
            </div>
        </div>
    </div>
    <!--Newsletter End-->


    <!--Footer Section Start-->
    <div class="footer-area">
        <div class="container">
            <div class="footer-widget-area section-padding-6">
                <div class="row justify-content-between">

                    <!--Footer Widget Start-->
                    <div class="col-lg-4 col-md-6">
                        <div class="footer-widget">
                            <a class="footer-logo" href="#"><img src="assets/images/logo/logo-white.png" alt=""></a>
                            <div class="footer-widget-text">
                                <p>A perfect blend of creativity, energy, communication, happiness and love. Let us
                                    arrange a smile for you. </p>
                            </div>
                            <div class="widget-social">
                                <ul>
                                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#"><i class="fa fa-youtube"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <!--Footer Widget End-->
                    </div>

                    <div class="col-lg-2 col-md-4 col-sm-6">
                        <div class="footer-widget">
                            <h4 class="footer-widget-title">Information</h4>

                            <div class="footer-widget-menu">
                                <ul>
                                    <li><a href="#">Search Terms</a></li>
                                    <li><a href="#">Advanced Search</a></li>
                                    <li><a href="#">Helps & Faqs</a></li>
                                    <li><a href="#">Store Location</a></li>
                                    <li><a href="#">Orders & Returns</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-2 col-md-4 col-sm-6">
                        <div class="footer-widget">
                            <h4 class="footer-widget-title">My Account</h4>

                            <div class="footer-widget-menu">
                                <ul>
                                    <li><a href="#">Delivery</a></li>
                                    <li><a href="#">Legal Notice</a></li>
                                    <li><a href="#">Secure payment</a></li>
                                    <li><a href="#">Sitemap</a></li>
                                    <li><a href="about.html">About us</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-2 col-md-4 col-sm-6">
                        <div class="footer-widget">
                            <h4 class="footer-widget-title">Help</h4>

                            <div class="footer-widget-menu">
                                <ul>
                                    <li><a href="#">FAQ’s</a></li>
                                    <li><a href="#">Pricing Plans</a></li>
                                    <li><a href="#">Track</a></li>
                                    <li><a href="#">Your Order</a></li>
                                    <li><a href="#">Returns</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-2 col-md-4 col-sm-6">
                        <div class="footer-widget">
                            <h4 class="footer-widget-title">Customer Service</h4>

                            <div class="footer-widget-menu">
                                <ul>
                                    <li><a href="my-account.html">My Account</a></li>
                                    <li><a href="#">Terms of Use</a></li>
                                    <li><a href="#">Deliveries & Returns</a></li>
                                    <li><a href="#">Gift card</a></li>
                                    <li><a href="#">Legal Notice</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!--Footer Section End-->

    <!--Copyright Section Start-->
    <div class="copyright-section">
        <div class="container">
            <div class="copyright-wrapper text-center d-lg-flex align-items-center justify-content-between">

                <!--Right Start-->
                <div class="copyright-content">
                    <p>Copyright &copy; 2021.Company Tinaroot.cn All rights reserved.</p>
                </div>
                <!--Right End-->

                <!--Right Start-->
                <div class="copyright-payment">
                    <img src="assets/images/payment.png" alt="">
                </div>
                <!--Right End-->

            </div>
        </div>
    </div>
    <!--Copyright Section End-->


    <!--Back To Start-->
    <a href="#" class="back-to-top">
        <i class="fa fa-angle-double-up"></i>
    </a>
    <!--Back To End-->


    <!-- Quick View  Start-->
    <div class="modal fade" id="exampleModal">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="quick-view-image">
                                <img src="assets/images/product-single/product-1.jpg" alt="">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="quick-view-content">
                                <h4 class="product-title">Sweet Alyssum</h4>
                                <div class="thumb-price">
                                    <span class="current-price">$19.00</span>
                                    <span class="old-price">$29.00</span>
                                    <span class="discount">-34%</span>
                                </div>
                                <div class="product-rating">
                                    <ul class="rating-star">
                                        <li><i class="fa fa-star-o"></i></li>
                                        <li><i class="fa fa-star-o"></i></li>
                                        <li><i class="fa fa-star-o"></i></li>
                                        <li><i class="fa fa-star-o"></i></li>
                                        <li><i class="fa fa-star-o"></i></li>
                                    </ul>
                                    <span>No reviews</span>
                                </div>
                                <p>On the other hand, we denounce with righteous indignation and dislike men who are so
                                    beguiled and demoralized by the charms of pleasure of the moment, so blinded by
                                    desire, that they cannot foresee the pain and trouble that are bound to ensue; and
                                    equal blame belongs to those who fail in their duty through weakness of will</p>

                                <div class="quick-view-quantity-addcart d-flex flex-wrap">
                                    <form action="#">
                                        <div class="quantity d-inline-flex">
                                            <button type="button" class="sub"><i class="ti-minus"></i></button>
                                            <input type="text" value="1"/>
                                            <button type="button" class="add"><i class="ti-plus"></i></button>
                                        </div>
                                    </form>
                                    <div class="addcart-btn">
                                        <button class="btn btn-primary">Add to cart</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Quick View Tags End-->


</div>

<!-- JS
    ============================================ -->

<!-- Modernizer JS -->
<script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
<!-- jQuery JS -->
<script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
<!-- Bootstrap JS -->
<!-- <script src="assets/js/vendor/popper.min.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script> -->

<!-- Plugins JS -->
<!-- <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/jquery.countdown.min.js"></script>
    <script src="assets/js/plugins/jquery.elevateZoom.min.js"></script>
    <script src="assets/js/plugins/select2.min.js"></script>
    <script src="assets/js/plugins/ajax-contact.js"></script> -->


<!--====== Use the minified version files listed below for better performance and remove the files listed above ======-->
<script src="assets/js/plugins.min.js"></script>

<!-- Main JS -->
<script src="assets/js/main.js"></script>


<!-- Google Map js -->
<script src="https://ditu.google.cn/maps/api/js?key=AIzaSyBQ5y0EF8dE6qwc03FcbXHJfXr4vEa7z54"></script>
<script src="assets/js/map-script.js"></script>

</body>

</html>